================
[Software INFO:]
================
CoffeeCup HTML Editor 12.6 Build 448 Portable | 36.2 MB

The CoffeeCup HTML Editor is 2 Editors in 1. If you know HTML or want to learn more use the powerful and easy Code Editor that has set the standard since 1996. To make pages fast, or without knowing HTML use the drag and drop WYSIWYG Visual Editor. You can also go back and forth between the Code and Visual Editors to create remarkable Websites in a snap. CoffeeCup comes with more than 100 DHTML & javascripts, a DHTML Menu wizard, 25,000 Graphics and Photos including over 1,000 XP Style Icons. It also has Built-in FTP Uploading and easy to use Table, Frame, Font, and Form Designers. Preview your work in any browser or use the exclusive Split Screen preview. Other features include a Project Manager, Flash Text Wizard, Color Scrollbar Wizard, StyleSheet Editor, List Wizard, Image Mapper, Website Color Schemer and Free Upgrades and Support for life.

Feature List:
* Most importantly and probably the biggest upgrade EVER for HTML Editor is the addition of WYSIWYG capabilities. You can now design, edit, drag-and-drop until your heart is content, without needing to look at the HTML code.
* Free Support & Free Upgrades for Life
* Rocking HTML & CSS Code Completion
* Our Open from Web function lets you view and edit code right off the internet. A great resource for learning HTML.
* The DHTML Menu Builder is the tool you've been waiting for! Now you can make sharp looking dropdown menus in minutes, no scripting experience necessary!
* DHTML & javascripts Included
* Fast & Simple Image and Link Inserting
* Wizards for Frames, Tables, Forms, Fonts & more
* Easy Drag & Drop WYSIWYG Visual Editor
* Upload your webpages with a click of the mouse! Our Right-Click FTP and Built-in FTP Program keeps website updates simple.
* Full-Featured HTML Code Editor with Quickstart
* Unbelievable Project Management features
* Want easy to use javascripts? We included the best javascripts you'll find!
* Built in SiteMapper Creator
* A BIG bag of snazzy Graphics included
* Spelling mistakes and typos are a thing of the past with our Active Spell Check feature. The HTML Editor will check for errors as you type, right-click the selection for the correct spelling.
* Are you worried that your page uses an older version of HTML? Worry no longer, we have added an XHTML conversion tool to convert those old pages
* New stand alone Free FTP client included with HTML Editor 2007!
* Since more of you are using our program for other types of code, likeXHTML and PHP we added their tags to the program as well.
* Cross Browser compatibility is important, and testing in different browsers can be annoying and time consuming. The HTML Editor allows quick and easy browsing with any installed web browser.
* HTML Editor has CoffeeCup SiteMapper built right in, no charge.
* Our Table Wizard guides you step by step to creating stable HTML tables. Beginners will appreciate the WYSIWYG interface.
* Highlighting your HTML tags makes webpage building easier. Customize your Tag Highlighting Options to fit your style.
* HTML Editor now includes CoffeeCup Image Mapper 4.0. FREE!!
* The HTML Editor handles multiple page editing effortlessly. Simply tab between open .html files.
* Every purchase of the HTML Editor includes Ten Free Website Templates, Valued at $190.
* Avoid grammatical faux pas with the extensive vocabulary of our built-in thesaurus.
* We know you want as much room as possible to edit your pages so we made the left panel scroll in and out, to get it out of your way.
* Not sure how to create the code to use Frames on your website? No problem, just use Frame Designer.
* Use the Split Screen Preview w/ javascript, CSS & DHTML to view the changes while you make them.
* Super Snazzy Style Sheet Editor, your one stop shop for no hassle CSS.
* Keep track of your image files and apply attributes quickly with the Image Preview function.
* Typing the same HTML or javascript code over and over again is repetitive and boring. Save often used code as a Snippet and click and drag whenever you need it again.
* Certain special characters have to be formatted with HTML tags, it's easy with our Special Characters list. Just point and click!
* The CoffeeCup HTML Editor's HTML Stripper feature removes tags from selected text. A handy feature if you're dealing with large blocks of text.
* New DHTML Scripts make dynamic websites available to everyone. We included a dozen of them for your convenience.
* Plus thousands of professional quality web graphics. These FREE images help make your site look the way you want.
* Large sites are easy to manage with the Project Manager. Get instant access to your webpages and images and more!
* Background images give your website a finished look, so we've packed the Editor full of them!
* HTML has great displays for listing items, if you know how to use them. But with our List Designer you don't have to know the code, just point and click!
* Even HTML experts make mistakes, but with Unlimited Undo those mistakes disappear with the click of a button.
* With so many great CoffeeCup Software programs, you'll want easy access to other programs while developing your website. What's easier than point and click?
* The HTML Editor can generate your font tags for you. Simple point and click options let you customize Font Attributes.
* and a whole lot more.

OS : Win XP/2000/Vista/Win 7
Language : Englishhttp://www.coffeecup.com
================
[INSTALL NOTES]
================

Step 1: unpack rar archive
Step 2: run the exe
Step 3: Enjoy and Support Developers, Buy It, They Deserved It!

شرح التركيب 

1- ادخل لوحة تحكم المدونة

2- انقر على قالب >> تحرير html

3- ابحث عن ]]></b:skin>

ضع الكود التالي فوقة مباشرتاً

::-webkit-scrollbar{ background:#fff; width:15px;}::-webkit-scrollbar-thumb{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius:30px; background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);}::-webkit-scrollbar-track{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:30px;}

المصدر

Floating feedback buttons have become fairly common place, and I have yet to see someone that doesn't understand how to use them. So the advantage of using a floating feedback button is that you will get a lot more feedback. This is not necessarily desirable, as it will likely increase your support costs, but for most companies it's a good idea. You also have to make sure that it fits into the overall design of your website or blog, and that it doesn't distract from your content. I always prefer presenting users with just-in-time feedback moments if possible. For example: after completing a check-out process present the user with a follow-up survey. Considering the fact your user has just committed to your organization/website chances are pretty good that they are willing to spend some time on your feedback. So Today i will going to sharing with you a Great feedback buttons and how to add Floating Feedback to your blogger blog or website. The set below consists of 36 PNG buttons along with the CDR file if in case you wanted a color of your choice.

How To Add Feedback Button To Blogger Blog.

The steps are very simple. Download the icons and upload your favorite feedback button in Blogger. Once done, you may then follow few steps below, 
1. Go To Blogger Dashboard >> Layout >> Choose a HTML/JavaScript Widget 
Paste the following code inside it, 

<a style="display:scroll;position:fixed;bottom:50%;left:0px;" href="URL OF CONTACT PAGE" title="Feedback Please, Can't go further without your help"><img src="FEEDBACK BUTTON IMAGE LINK" /></a>

Make these changes: 

• By default the button will appear at center left but if you want to shift it to right then change left to right.
• Replace URL OF Contact page with the address link of your contact me page.
• Replace Feedback Please, Can't go further without your help with any message you may like the visitors to see when they hover their cursor on the button
• Replace FEEDBACK BUTTON IMAGE LINK with the image link of your uploaded button.

2. Save your template and see it on your blog.

All Resources are always shared with subscribers, if you are already a subscriber then kindly post your EMAIL ID in comments or if you are a new visitor then kindly submit your EMAIL ID below in sign up form , Activate your feeds and then post the same email id below in comment box so that we could email you the download copy within 24 hours. By subscribing once you can download any icons or buttons published by us so far. 
Thanks for reading our post. Keep updated by subscribing our blog feed or by  like our facebook page.

Add Twitter Follow Button Below Post

1. Go to your Blogger Dashboard>> Template>> Edit HTML

2. Press CTRL+F and find the following code.

<data:post.body/>

3. and paste the following code below/after <data:post.body/>

<a href=http://twitter.com/bl0ggertricks class="twitter-follow-button">Follow 
@bl0ggertricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace bl0ggertricks with your twitter user name. 

4. Save your widget and you are done!

Add Twitter Follow Button Below Post Title

1. Go to your Blogger Dashboard>> Template>> Edit HTML

2. Press CTRL+F and find the following code.

<div class='post-header-line-1'> </div>

or this.

<div class='post-header-line-1'/>

3. and paste the follow code below/after <div class='post-header-line-1'/> or <div class='post-header-line-1'>

<a href=http://twitter.com/bl0ggertricks class="twitter-follow-button">Follow 
@bl0ggertricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace bl0ggertricks with your twitter user name.

4. Save your widget and you are done!

Add Twitter Follow Button Any Where

1. Go to Blogger  Dashboard>> Layout >> Add a Gadget
2. Choose HTML/Javascript Widget
3. Paste the following code inside it and drag the widget to add your button to any location you want.

<a href=http://twitter.com/bl0ggertricks class="twitter-follow-button">Follow 
@bl0ggertricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace bl0ggertricks with your twitter user name.

4. Save your widget and you are done!

If you feel any Trouble just let me know. You can discus it as much with me as possible. Stay tuned by subscribing our email feed or follow me on social networks. thanks for reading our post. happy blogging….!!!!!!

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , حيث انها اضافة مميزة , تمكن زوار مدونتك من الاشتراك في RSS بالتصنيف المحبوب لديهم , فبدلاً من أن يشتركوا في كل التصنيفات فبإمكانهم مع هذه الإضافة من الاشتراك في التصنيف مفضل لديهم , ولمعرفة شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , تابع معي 

ملحوظة هامة : قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة
من لوحة تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم قم بتوسيع القالب الخاص بك ثم نبحث على الكود التالي

-------------------------------------------------------------------------------------------------------------------------------------------


<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>


---------------------------------------------------------------------------------

ثم قم بتغييره لهذا الكود

-------------------------------------------------------------------------------------------------------------------------------------------


<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>


---------------------------------------------------------------------------------

ثم احفظ قالبك
لتصبح الإضافة بهذا الشكل

تم بحمد الله

المصدر